import React, { useState } from 'react'
import { useNavigate } from 'react-router-dom'
import './Celiangxingxiang.css'
import './Celianghuashu.css'

import { Arrow } from '@react-vant/icons';
export default function Geren() {
    let navigate = useNavigate()
    let [obj, setobj] = useState(JSON.parse(localStorage.getItem('user')))
    return (
        <div>
            <div className="yzkphbTop">
                <div
                    onClick={() => {
                        navigate("/yzk/wo");
                    }}
                >
                    返回
                </div>
                <div>个人信息</div>
                <div> </div>
            </div>
            <hr></hr>
            <div>
                <div>
                    <p style={{ fontSize: '1.5rem', marginLeft: '3rem', height: "5rem", lineHeight: "5rem" }}>头像<img alt='' src={obj.imgsrc} style={{ float: "right", width: "4rem", height: "4rem", borderRadius: '50%' }}></img></p>
                    <p style={{ fontSize: '1.5rem', marginLeft: '3rem', height: "5rem", lineHeight: "5rem" }}>账号<span style={{ float: "right", marginRight: "3rem" }} onClick={() => {

                    }}>{obj.username}</span></p>
                    <p style={{ fontSize: '1.5rem', marginLeft: '3rem', height: "5rem", lineHeight: "5rem" }}>昵称<span style={{ float: "right", marginRight: "3rem" }}>{obj.name}</span></p>
                    <p style={{ fontSize: '1.5rem', marginLeft: '3rem', height: "5rem", lineHeight: "5rem" }}>电话<span style={{ float: "right", marginRight: "3rem" }}>{obj.tel}</span></p>
                    <p style={{ fontSize: '1.5rem', marginLeft: '3rem', height: "5rem", lineHeight: "5rem" }}>姓名<span style={{ float: "right", marginRight: "3rem" }} >{obj.username}</span></p>
                </div>
            </div>
        </div>
    )
}
